<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/mystyle.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
	<!-- 导入顶部导航---start -->
	<%@ include file="head.jsp" %>
	<!-- 导入顶部导航---end -->
	
    <div class="layui-container">
        <div class="layui-row layui-col-space30">
            <div class="layui-col-md3 layui-col-lg3">
                <div class="bloger">
                    <img src="../upload1/${stuinfo.photopath}" class="blogerphoto">
                </div>
                <div class="layui-card">
                    <div class="layui-card-body">
                    <div class="stu_name">
                        <p>${stuinfo.stuname }
                                <c:if test="${stuinfo.agend =='男' }">
                                <i class="stu_gender layui-icon layui-icon-male"></i>
                                </c:if>
                                <c:if test="${stuinfo.agend =='女' }">
                                <i class="stu_gender layui-icon layui-icon-female" style="color:pink;"></i>
                                </c:if>
                        </p>
                     </div>
                     <p><span class="yinh_left">“</span> ${stuinfo.signed}<span class="yinh_left">”</span></p>
                     
                </div>
                </div>
                <div class="layui-card">
                    <div class="layui-card-header"><span class="stu_name1">${stuinfo.stuname }</span>的文章</div>
                    <div class="layui-card-body">
                    	<c:forEach items="${artlist}" var="obj" begin="0" end="2">
                    	<div class="stu_art">
                           <p class="art_title"><a href="atriclecontent.action?artsid=${obj.artsid}"><i class="layui-icon layui-icon-link"></i> “${obj.arttitle}”</a></p>
                           <img src="../upload1/${obj.photopath}">                          
                        </div>
                        <p class="art_time">${obj.arttime}</p>  
                    	</c:forEach>        
                        <div class="layui-card-footer">
                        	<p><a href="articlepre.action?userid=${stuinfo.userid}">查看更多</a></p>
                    	</div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md8 layui-col-lg8 my-bloger">
               
                <div class="blogerArt layui-card">
                    <div class="blogeraerticle layui-card-header">
                        <span class="blueline"></span>
                       <p class="header_title">文章列表</p>
                       <c:if test="${stuinfo.stuinfoid == loginuser.stuinfoid}">
                       <a href="articleEditor.jsp"><button class="layui-btn  layui-btn layui-btn-sm myinfoedit" style="background:#3AACDA;"
                           >+ 发表新文章</button></a>
                        </c:if>
                    </div>
                    <div class="layui-card-body">
                        <ul class="ainnernewslist">
                            <div class="layui-row">                           
                            <c:forEach items="${artlist}" var="obj" begin="0" end="10">                               
                            <div class="articlelist">
                             <div class="layui-col-md8 layui-col-lg8">
                                    <li>
                                        <a href="atriclecontent.action?artsid=${obj.artsid}"
                                                style="">《${obj.arttitle}》</span></a>
                                                
                                    </li>
                                </div>
                                <div class="layui-col-md2 layui-col-lg2">
                                    <li>
                                        <span class="trans5"> ${obj.arttime}</span>
                                    </li>
                                </div>
                                <c:if test="${stuinfo.stuinfoid == loginuser.stuinfoid}">
                               <div class="layui-btn-group btn-edit">
                                 	<a href="saveatricle.action?artsid=${obj.artsid}">
					               <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                       <i class="layui-icon">&#xe642;</i>
                                    </button>
                                 </a>
              					
              					 <a href="delearticle.action?artsid=${obj.artsid}&stuinfoid=${stuinfo.stuinfoid}"><button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-shanchu">
                                                <i class="layui-icon">&#xe640;</i>
                                 	</button>
                                 </a>
                                 </div>
                                 </c:if>
                            </div>
                            
                            </c:forEach>
                            </div>                          
                        </ul>
                            
                    </div>
                </div>
            </div>
            <div class="layui-col-lg1 layui-col-md1">
                <div class="backmenu">
                    <table class="layui-table" lay-skin="nob">
                        <colgroup>
                            <col width="60">
                        </colgroup>
                        <tbody>
                           <tr>
                                <td onclick="window.location.href='personalbaseinfo.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-template-1"></i> 基础信息</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='study.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-read"></i> 专业学习经历</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='product.action?userid=${stuinfo.userid}';"><i class="layui-icon layui-icon-tabs"></i> 个人作品</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='honor.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-diamond"></i> 个人荣誉</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='practice.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-face-smile"></i> 学校实践</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='experience.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-chart-screen"></i> 工作经历</td>
                            </tr>
                            <tr>
                                    <td class="backmenu-active" onclick="window.location.href='articlepre.action?userid=${stuinfo.userid}';"><i
                                            class="layui-icon layui-icon-list"></i> 文章列表</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->
	
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/my.js"></script>
</body>

</html>
